//入口函数
$(function() {
    //a.请求数据
    getUserInfo();
    //b.为退出按钮添加事件
    $('#btnLogout').on('click', logout)
})

//1.获取登录用户基本信息的方法------------------------------------------------------
function getUserInfo() {
    //a.发送异步请求
    $.ajax({
        method: 'get',
        url: '/my/userinfo',
        success(res) {
            //如果身份验证失败，则跳回到登录页
            if(res.status !== 0) return;
            //c.如果身份验证成功，则将返回的登录用户信息渲染到页面
            renderInfo(res.data);
        }
    })
}

//2.渲染头像区域
function renderInfo(usrInfo) {
    //a.获取显示的名称(昵称/登录名)
    const usrName = usrInfo.nickname || usrInfo.username
    //b.显示名称
    $('#welcome').text('欢迎:' + usrName);
    //b.渲染图片头像
    if (usrInfo.user_pic) {
        //b1.设置并显示图片头像
        $('.layui-nav-img').attr('src', usrInfo.user_pic).show();
        //b2.隐藏文字头像
        $('.text-avatar').hide();
    }else {
        //c.渲染文字头像
        //c1.设置并显示图片头像
        $('.layui-nav-img').hide();
        //c2.隐藏文字头像
        $('.text-avatar').html(usrName[0].toUpperCase()).show();
    }
}

//3.退出按钮点击事件处理函数
function logout() {
    //a.你确定要删除吗？
    layui.layer.confirm('你确定要退出吗？', {
        icon: 3,
        title: '系统提示'
    }, function (index) {
        //删除本地的token
        localStorage.removeItem('token');
        //跳转到登录页面（使用replace方法跳转不会产生浏览器记录）
        location.replace('/login.html')
        //关闭当前确认框
        layer.close(index);
    })
}